<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
    <h:outputStylesheet library="css" name="base.css"/>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"></link>
    <h:outputStylesheet library="css" name="jquery.datetimepicker.css"/>
    <h:outputScript library="js" name="jquery.js"/>
    <h:outputScript library="js" name="jquery-ui.js"/>
    <h:outputScript library="js" name="jquery.datetimepicker.js"/>
    <title><ui:insert name="title">ELTE Cinema</ui:insert></title>
</h:head>
<h:body>
    <h:panelGrid id="headerGrid" styleClass="header" columns="2">
        <h:graphicImage library="images" name="elteCinema_logo.png" height="50%"/>
        <h:outputText styleClass="title" value="ELTE Cinema"/>
    </h:panelGrid>

    <ui:insert name="content"/>

    <h:panelGrid id="footerGrid" styleClass="footer" columns="1">
        <h:outputText value="&copy; ELTE Cinema 2015"/>
    </h:panelGrid>
</h:body>
</html>